@import "../../../default-theme/client/styles/variables.less";
.rui.navbar > .navbar-notification {
  position: relative;
  @media screen and (max-width: @screen-xs-max) {
    display: none;
  }
}
.rui.navbar .notification-icon {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 55px;
    padding: 0px 14px;
    cursor: pointer;
    @media screen and (max-width: @screen-xs-max) {
      padding: 0px;
    }
}

.rui.navbar .notification-icon:after {
  background: none;
}

.rui.navbar .notification-icon:hover {
  background-color: #e6e6e6;
  border-color: #d9d9d9;
}
